<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>"/>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><%=jcpt_titleName%></title>
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<% if(StringUtils.isEmpty(zoneName)){
%>
<body style="">
<%
} else {
%>
<body style="background-image: url(images/platBase/pd/dl/home_bg_<%=zoneName%>.png);">
<%
}%>

<section>
    <div class="login-position">
        <div class="login-con">
            <div class="login-top">
                <% if(StringUtils.isEmpty(zoneName)){ %>
                <div class="left l">
                    <img src="images/login-dot.png" alt="" class="login-img1 animated fadeIn">
                    <img src="images/computer.png" alt="" class="login-img2 animated fadeIn">
                    <img src="images/light.png" alt="" class="login-img3 animated fadeIn">
                </div>
                <% } else {
                %>
                <div class="left l" style="background: url(images/platBase/pd/dl/login_bg_<%=zoneName%>.png) no-repeat center;"></div>
                <%
                }%>
                <div class="right l">
                    <div class="r-wrap">
                        <form id="myForm" name="Login" method="post" style="" onsubmit="return check()">
                            <div class="card1">
                                <% if(StringUtils.isEmpty(zoneName)){
                                %>
                                <img src="images/logo.png" alt="" class="logo">
                                <%
                                } else {
                                %>
                                <img src="images/platBase/pd/dl/logo_<%=zoneName%>.png" alt="" style="margin-top: 30px;">
                                <%
                                }%>

                                <h3><%=jcpt_titleName%></h3>
                                <div class="user">
                                    <i class="icon-login icon-u"></i>
                                    <input id="username" name="username" type="text" class="user-input"
                                           placeholder="请输入用户名"
                                           onKeyDown="keydown(event,username,password)"/>
                                    <input class="input1" id="username1" name="username1" style="display:none;" />
                                </div>
                                <div class="password">
                                    <i class="icon-login icon-p"></i>
                                    <input id="password" name="password" type="password" class="psd-input"
                                           placeholder="请输入密码" onKeyDown="keydown(event,password,checkcode)"/>
                                </div>
                                <div class="code clear">
                                    <div class="c-left l">
                                        <i class="icon-login icon-c"></i>
                                        <input id="checkcode" name="checkcode" type="text" class="code-input"
                                               placeholder="请输入验证码" onKeyDown="keydown(event,checkcode,loginBtn2)"/>
                                    </div>
                                    <!--
                                    <div class="c-right r" style="border: 0;">
                                        <img id="yzm" border=0 onclick="reloadcode()" style="width:85px;height:35px;"/>
                                    </div>
                                    -->
                                    <div class="c-right r" onclick="reloadcode()" id="checkcodeImg" style="font-weight:bold;font-family:STXingkai;line-height:44px;background-color: #FAFFBD;"></div>
                                </div>
                                <p class="error" style="display:none;">
                                    <i class="icon-e"></i>
                                    <span id="msgSpan"></span>
                                </p>
                                <div class="submit">
                                    <a id="loginBtn2" name="loginBtn2"  href="javascript:void(0);" class="submit-btn btn1" data-text="→"  onclick="doSubmit()">
                                        <span>登&nbsp;&nbsp;&nbsp;&nbsp;录</span>
                                    </a>
                                    <% if(!StringUtils.isEmpty(cabz)){ %>
                                    <a href="javascript:void(0);" class="submit-other submit-other1">选择证书登录</a>
                                    <% } %>
                                </div>
                            </div>
                        </form>
                        <form id="LoginForm" name="LoginForm" method="post" style="margin:0 auto;width:100%;" >
                            <div class="card2">
                                <% if(StringUtils.isEmpty(zoneName)){
                                %>
                                <img src="images/logo.png" alt="" class="logo">
                                <%
                                } else {
                                %>
                                <img src="images/platBase/pd/dl/logo_<%=zoneName%>.png" alt="" style="margin-top: 30px;">
                                <% }%>
                                <h3><%=jcpt_titleName%></h3>
                                <div class="credential clear">
                                    <i class="icon-z l"></i>
                                    <div class="dropBox">
                                        <div class="drop-main">
                                            <div class="drop-con">选择证书登录</div>
                                            <div class="down"></div>
                                        </div>
                                        <div class="drop-hide">
                                            <ul id="UserList" name="UserList" class="drop-list">
                                                <!--
                                                <li onclick="change(this)">选择证书登录2</li>
                                                <li onclick="change(this)">选择证书登录3</li>
                                                -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="password">
                                    <i class="icon-login icon-p"></i>
                                    <input id="UserPwd" name = "UserPwd" type="password" class="psd-input" placeholder="请输入密码">
                                </div>
                                <p class="error" style="display:none;">
                                    <i class="icon-e"></i>
                                    <span></span>
                                </p>
                                <div class="submit">
                                    <a href="" class="submit-btn btn1" data-text="→" onclick="LoginForm_onsubmit()">
                                        <span>登&nbsp;&nbsp;&nbsp;&nbsp;录</span>
                                    </a>
                                    <a href="javascript:void(0);" class="submit-other submit-other2">选择账号登录</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <% if("1".equals(plat_logoBZ)){
            %>
            <div class="copy">Copyright © 2018 卫宁健康科技集团股份有限公司 沪ICP 123140</div>
            <%
            }%>
        </div>
    </div>
    <div id="zhezhao" style="background-color:#000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;opacity: 0.5;" ></div>
</section>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="pie/PIE_IE678.js"></script>
<script type="text/javascript">
    $(function () {
        if (window.PIE) {
            $('.submit-btn').each(function () {
                PIE.attach(this);
            });
        }
    });
</script>
<![endif]-->
<script type="text/javascript" src="js/jsEffect/rainyday.min.js"></script>
<!-- 广西南宁CA认证登录 -->
<script language=JavaScript src="js/jsCALogin/date.js"></script>
<script ID="client" type="text/javascript" src="js/jsCALogin/XTXApp.js"></script>
<!-- 陕西汉中CA认证 -->
<script type="text/javascript" src="js/jsCALogin/HebcaP11X.js"></script>
<script type="text/javascript" src="js/jsCALogin/login_HB.js"></script>
